<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        
    </h:body>
    <div>
            Exemplo de Tabela Aluno<br/><br/><br/>
        </div>
        <h:form>
            <div>
                <div>
                    Nome: <h:inputText value="#{listaAluno.aluno.nome}"></h:inputText><br/><br/>
                </div>
                <div>
                    Sobrenome: <h:inputText value="#{listaAluno.aluno.sobrenome}"></h:inputText><br/><br/>
                </div>
                <div>
                    Nota: <h:inputText value="#{listaAluno.aluno.nota}"></h:inputText><br/><br/>

                </div>
                <div>
                    <h:commandButton action="#{listaAluno.adicionar}" value="Adicionar"/><br/><br/><br/>
                </div>
            </div>
        </h:form>
    <div>
        <h:form>
        <h:dataTable var="alunos" value="#{listaAluno.alunos}"
                         styleClass="tabela" headerClass="cabecalho-tabela"
                         rowClasses="linha-par,linha-impar"
                         footerClass="somatotal">
                <h:column>
                    <f:facet name="header" >
                        Nome
                    </f:facet>
                    <h:outputText value="#{alunos.nome}" rendered="#{not listaAluno.ativarEdicao(alunos)}"/>
                    <h:inputText value="#{alunos.nome}" rendered="#{listaAluno.ativarEdicao(alunos)}"/>
                </h:column>
                <h:column>
                    <f:facet name="header" >
                        Sobrenome
                    </f:facet>
                    <h:outputText value="#{alunos.sobrenome}" rendered="#{not listaAluno.ativarEdicao(alunos)}"/>
                    <h:inputText value="#{alunos.sobrenome}" rendered="#{listaAluno.ativarEdicao(alunos)}"/>
                </h:column>
                <h:column>

                    <f:facet name="header" >
                        Nota
                    </f:facet>
                    <h:outputText value="#{alunos.nota}" rendered="#{not listaAluno.ativarEdicao(alunos)}"/>
                    <h:inputText value="#{alunos.nota}" rendered="#{listaAluno.ativarEdicao(alunos)}"/>
                </h:column>
                
                <h:column>
                    <f:facet name="header">Opções</f:facet>
                    <h:commandLink action="#{listaAluno.Salvar(alunos)}" rendered="#{listaAluno.ativarEdicao(alunos)}">
                        <h:graphicImage value="./imgs/disquete.gif" style="height: 20px; width: 20px; border: none;"/>
                    </h:commandLink>&nbsp;&nbsp;
                    <h:commandLink action="#{listaAluno.cancelar(alunos)}" rendered="#{listaAluno.ativarEdicao(alunos)}">
                        <h:graphicImage value="./imgs/X.jpg" style="height: 20px; width: 20px; border: none;"/>
                    </h:commandLink>
                    <h:commandLink action="#{listaAluno.editar(alunos)}" rendered="#{not listaAluno.ativarEdicao(alunos)}">
                        <h:graphicImage value="./imgs/note.jpg" style="height: 20px; width: 20px; border: none;"/>
                    </h:commandLink>
                    <h:commandLink action="#{listaAluno.aumentar(alunos)}" rendered="#{not listaAluno.ativarEdicao(alunos)}">
                        <h:graphicImage value="./imgs/seta.png" style="height: 20px; width: 20px; border: none;"/>
                    </h:commandLink>
                    <h:commandLink action="#{listaAluno.deletar(alunos)}" rendered="#{not listaAluno.ativarEdicao(alunos)}">
                        <h:graphicImage value="./imgs/X.jpg" style="height: 20px; width: 20px; border: none;"/>
                    </h:commandLink>
                </h:column>

            </h:dataTable>
    </h:form>
    </div>
</html>

